<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />
    
    
    <script type="text/javascript"  src="js/jquery.js"></script>
    <script type="text/javascript"  src="js/html5.js"></script>
    <script type="text/javascript"  src="js/mypages.js"></script>
	
</head>

<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div  class="container clearfix mypage mypage_giftcard">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">
            
            <span class="home"></span>홈<span class="cursor"></span>마이페이지<span class="cursor"></span><strong>참좋은 혜택</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
        <div id="link">
            <a href="mypage_premium_shop.htm" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="mypage_mileage_shop.htm" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li><a href="mypage_order.htm">주문/배송 조회</a></li>
                <li><a href="mypage_change.htm">주문정보 변경</a></li>
                <li><a href="mypage_cancel.htm">주문 취소</a></li>                
                <li><a href="mypage_return.htm">반품/환불</a></li> 
                <li><a href="mypage_receipt.htm">영수증 신청/발급</a></li>
                <li><a href="mypage_service.htm">내가 신청한 서비스</a></li>                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li><a href="mypage_coupon.htm">내 쿠폰함</a></li>
                <li><a href="mypage_point.htm">포인트 내역</a> </li>
                <li><a href="mypage_bemoney.htm">예치금 관리</a></li>
                <li class="active"><a href="mypage_giftcard.htm">기프트카드 </a></li> 
                <li><a href="mypage_event.htm">이벤트 당첨확인 </a></li>                  
            </ul>
            </div>            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li><a href="mypage_wishlist.htm">찜한 상품</a></li>
                <li><a href="mypage_brand.htm">관심 브랜드</a></li>
                <li><a href="mypage_review.htm">관심리뷰</a></li>               
            </ul>
            </div>            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li><a href="mypage_ripple.htm">상품 리뷰</a></li>
                <li><a href="mypage_answer.htm">1:1상담</a></li>
                <li><a href="mypage_question.htm">상품 문의/신고 내역</a></li>               
            </ul>
            </div>            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li><a href="mypage_info_modify.htm"> 회원 정보 수정</a></li>
                <li><a href="mypage_info_address.htm">나의 주소록</a></li>
                <li><a href="mypage_info_aniversary.htm">나의 기념일</a></li>
                <li><a href="mypage_info_grade.htm">회원 등급 확인</a></li> 
                <li><a href="mypage_info_member.htm">회원탈퇴</a></li>               
            </ul>
            </div>
        </div><!--end #menu -->
        <div id="yellow_background" class="conner3">
        </div>
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
           
        <div id="main">
            <div id="cancel">
            
                <p id="title"><img src="img/mypage/txt_mypage_payment_title.jpg" width="80" height="16" /></p>
                <p id="content">현금처럼 사용할 수 있는 기프트 상품권으로 보내는 분의 마음과 함께 쇼핑의 즐거움도 선물하세요</p>
                    
                
               
                <div id="gift" class="conner3"> 
                    <p class="title"><img src="img/mypage/txt_mypage_giftcard_title2.jpg" width="400" height="18" /></p>
                    <table class="tbl_image">
                            <tr>
                                <td>
                                    <img src="img/mypage/mypage_payment1_1.jpg" width="217" height="137" /><br />
                                    <div class="caption"><span class="text">감사합니다.</span><img class='action' src="img/mypage/mypage_giftcard_btn1.jpg" width="55" height="24" /></div>
                                </td>
                                <td><img src="img/mypage/mypage_payment1_2.jpg" width="217" height="137" /><br />
                                <div class="caption"><span class="text">축하해요</span><img class='action' src="img/mypage/mypage_giftcard_btn2.jpg" width="55" height="24" /></div>
                                </td>
                                <td><img src="img/mypage/mypage_payment1_3.jpg" width="217" height="137" /><br />
                                <div class="caption"><span class="text">사랑합니다.</span><img class='action' src="img/mypage/mypage_giftcard_btn3.jpg" width="55" height="24" /></div>
                                </td>
                            </tr>
                        </table>
                </div><!-- end gift -->
            
               <!--PRIMARY Tabs -->
                <div id="primary_tabs">
                    <div id="controller" class="clearfix">
                        <div class="active conner6" id="c1"><a class="primary" href="#tab-1">기프트 카드 안내</a></div>
                        <div class="conner6" id="c2"><a class="primary" href="#tab-2">사용 방법</a></div>
                        <div class="conner6" id="c3"><a class="primary" href="#tab-3">등록 안내</a></div>                        
                    </div>
                   <div class="primary_tab" id="tab-1">                                         
                        <div id="information">
                            <div class="info1">
                                <p>바보사랑 기프트 카드란? </p>
                                <ul>    
                                    <li>바보사랑 기프트상품권은 등록만하면 현금과 동일하게 쇼핑을 즐길 수 있는 마일리지(B-MONEY)상품권입니다</li>
                                    <li>고객의 취향을 고려하여 카드형, MMS, e-mail등 다양하게 준비되어 있습니다.</li>
                                </ul>
                            </div>
                            <div class="info2">
                                <p>기프트카드 장점</p>
                              <ul>
                                <li>고객의 편의를 위해 다양한 형태로 준비되어 있습니다</li>
                                <li>바보사랑 기프트상품권은 받는분이 멀리 계셔도 선물이 가능합니다.</li>
                                <li>해외에 계셔도 해외배송을 함께 이용하시면 더욱 편리합니다. </li>
                              </ul>
                            </div>
                            <div class="info3">
                                <p>센스있는 선물, 기억에 남는 선물</p>
                                <ul>
                                    <li>선물 고르기가 곤란할때, 거리상 선물하기가 어려울때 이용하세요</li>
                                    <li>세련된 디자인 및 패키지로 더욱 고급스러움을 느낄 수 있습니다.</li>
                                </ul>
                            </div>
                            
                            <div class="info4">
                               <p > 기프트카드 이용시 참고사항</p>
                                <p class="weird">상품권 유효기간은 발급일로부터 5년입니다.(인중번호 등록 B-Money는 소멸되지 않습니다.)</p>
                                <ul>
                                    <li>B-MONEY는 상품주문 결제시 현금과 동일하게 사용가능합니다.</li>
                                    <li>다른 결제수단과 중복으로 사용할 수 있습니다.</li>
                                    <li>상품권 표기금액의 70%이상 사용하시면 현금으로 전환이 가능합니다.</li>
                                    <li>상품권은 무기명상품권으로 소지자가 이용가능하니 사용에 주의해주세요</li>
                                    <li>본인의 부주의에 의한 도난,분실,훼손에 대해서는 바보사랑에서 책임지지 않습니다.</li>
                                    <li>상품권의 등록 후에는 타인에게 양도가 불가능합니다.</li>
                                    <li>인증번호가 타인에게 노출되어 타인이 등록하여 사용한 경우 사용 및 환불이 불가능합니다.</li>
                                </ul>
                             </div><!--end info3 -->
                        </div><!--end #result -->
                        
                        
                       <div id="secondary_tabs">
                            <div id="controller" class="clearfix">
                                <div class="active conner6" id="c1"><a href="#secondary_tab-1">등록 내역</a></div>
                                <div class="conner6" id="c2"><a href="#secondary_tab-2">사용 내역</a></div>
                                                             
                            </div>                           
                        
                           <div class="secondary_tab secondary_tab-1" id="secondary_tab-1">    
                                  
                                <div id="result">
                                    <table class="conner3" >
                                        <tr id="row1">
                                            <th id="col1">카드</th>
                                            <th id="col2">인증번호</th>
                                            <th id="col3">구매 일자</th>
                                            <th id="col4">등록 일자</th>
                                            <th id="col5">금액</th>  
                                            <th id="col6">사용 만료 일자</th>                                                           
                                        </tr><!--end row1 -->
                                        <tr id="row2">                                    
                                            <td id="col1" colspan="6">아직 등록하신 기프트 카드가 없습니다.</td>                                    
                                            
                                        </tr><!--end row2 -->
                                        
                                    </table><!-- -->
                                </div><!--end #result -->                               
                           </div><!-- end #secondary_tab-1-->
                           
                           
                           <div class="secondary_tab secondary_tab-2" id="secondary_tab-2">                                                
                                <div id="result">
                                     <table class="conner3" >
                                        <tr id="row1">
                                             <th id="col1"><p>일자</p></th>
                                            <th id="col2"><p>내역</p></th>
                                            <th id="col3"><p>금액</p></th>
                                            <th id="col4"><p>구분</p></th>
                                            <th id="col5"><p>관련주문번호</p></th>
                                                       
                                        </tr><!--end row2 -->
                                        <tr id="row2">                                    
                                            <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row3">
                                            
                                           <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row4">
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row5">                                            
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                    </table><!-- -->
                                </div><!--end #result -->
                               
                           </div><!-- end #secondary_tab-2-->
                     </div><!--end secondary_tabs -->
                       
                   </div><!-- end #primary_tab-1-->
                   
                   
                   <div class="primary_tab" id="tab-2">   
                        <div id="information"> 
                            <div class="info1">
                                <p>등록방법 및 사용처</p>
                                <ul>
                                    <li>바보사랑에 인증번호 등록후 사용가능합니다.</li>
                                    <a class="link_babo" href="www.babosarang.co.kr">www.babosarang.co.kr</a>
                                </ul>
                            </div> 
                          <div class="info2">
                            <p>사용방법</p>
                            <ul>
                                <li>등록이 완료되면 B-Money로 지급되며 현금과 동일하게 사용할 수 있습니다.</li>
                                <li>주문결제시 다른 결제수단과 중복으로 사용할 수 있습니다.</li>
                                <li>상품권은 무기명상품권으로 소지자가 이용가능하니 사용에 주의해주세요.</li>
                                <li>마일리지의 70%이상 사용하시면 현금으로 전환이 가능합니다.</li>
                                <li>인증번호 분실시 구매한 고객에게 재발급이 가능합니다.</li>
                                <li>상품권 유효기간은 발급일로부터 5년입니다. (인증번호 등록시 마일리지는 소멸되지 않습니다)</li>
                            </ul>
                          </div>
                            <div class="info3">
                                <p>주의사항</p>
                                <ul>
                                    <li>본인의 부주의에 의한 도난, 분실, 훼손에 대해서는 바보사랑에서 책임지지 않습니다.</li>
                                    <li>상품권의 등록 후에는 타인에게 양도가 불가능합니다.</li>
                                    <li>인증번호가 타인에게 노출되어 타인이 등록하여 사용한경우 사용 및 환불이 불가능하니 보관에 유의해주세요</li>
                                    <li>받는분의 정보를 잘못 입력하여 타인이 등록한 경우 바보사랑은 책임지지 않습니다.</li>
                                </ul>
                            </div>
                        </div><!--end #information -->
                        
                        
                         <div id="secondary_tabs">
                            <div id="controller" class="clearfix">
                                <div class="active conner6" id="c1"><a href="#secondary_tab-1">등록 내역</a></div>
                                <div class="conner6" id="c2"><a href="#secondary_tab-2">사용 내역</a></div>
                                                             
                            </div>                           
                        
                           <div class="secondary_tab secondary_tab-1" id="secondary_tab-1">    
                                  
                                <div id="result">
                                    <table class="conner3" >
                                        <tr id="row1">
                                            <th id="col1">카드</th>
                                            <th id="col2">인증번호</th>
                                            <th id="col3">구매 일자</th>
                                            <th id="col4">등록 일자</th>
                                            <th id="col5">금액</th>  
                                            <th id="col6">사용 만료 일자</th>                                                         
                                        </tr><!--end row1 -->
                                        <tr id="row2">                                    
                                            <td id="col1" colspan="6">아직 등록하신 기프트 카드가 없습니다.</td>                                    
                                            
                                        </tr><!--end row2 -->
                                        
                                    </table><!-- -->
                                </div><!--end #result -->                               
                           </div><!-- end #secondary_tab-1-->
                           
                           
                           <div class="secondary_tab secondary_tab-2" id="secondary_tab-2">                                                
                                <div id="result">
                                     <table class="conner3" >
                                        <tr id="row1">
                                             <th id="col1"><p>일자</p></th>
                                            <th id="col2"><p>내역</p></th>
                                            <th id="col3"><p>금액</p></th>
                                            <th id="col4"><p>구분</p></th>
                                            <th id="col5"><p>관련주문번호</p></th>
                                                       
                                        </tr><!--end row2 -->
                                        <tr id="row2">                                    
                                            <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row3">
                                            
                                           <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row4">
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row5">                                            
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                    </table><!-- -->
                                </div><!--end #result -->
                               
                           </div><!-- end #secondary_tab-2-->
                     </div><!--end secondary_tabs -->
                       
                   </div><!-- end #primary_tab-2-->
                   
                   
                   <div class="primary_tab" id="tab-3"> 
                                          
                        <div id="serial">                    
                        <table class="conner3" >
                                <tr>                                    
                                   <td>                                  
                                   <div class="input clearfix">
                                        <input id="input_serial"  type="text" class="w250" value="시리얼번호를 등록하세요"/>
                                        <img class="action"  src="img/mypage/mypage_giftcard_tab3_button.jpg" width="115" height="34" />
                                   </div>
                                   <br />
                                   <p class="first">기프트 카드 사용등록 후 즉시 사용 가능합니다.</p>
                                    <p class="second">문자 또는 이메일로 받은 인증번호 또는 기프트 카드 뒷면의 기프트카드 인증번호를 넣어주세요</p>
                                   </td> 
                                 </tr><!--end row1 -->
                        </table>
                        
                         </div><!--end serial -->
                        
                        
                         <div id="secondary_tabs">
                            <div id="controller" class="clearfix">
                                <div class="active conner6" id="c1"><a href="#secondary_tab-1">등록 내역</a></div>
                                <div class="conner6" id="c2"><a href="#secondary_tab-2">사용 내역</a></div>
                                                             
                            </div>                           
                        
                           <div class="secondary_tab secondary_tab-1" id="secondary_tab-1">    
                                 
                                <div id="result">
                                    <table class="conner3" >
                                        <tr id="row1">
                                            <th id="col1">카드</th>
                                            <th id="col2">인증번호</th>
                                            <th id="col3">구매 일자</th>
                                            <th id="col4">등록 일자</th>
                                            <th id="col5">금액</th>  
                                            <th id="col6">사용 만료 일자</th>                                                           
                                        </tr><!--end row1 -->
                                        <tr id="row2">                                    
                                            <td id="col1" colspan="6">아직 등록하신 기프트 카드가 없습니다.</td>                                    
                                            
                                        </tr><!--end row2 -->
                                        
                                    </table><!-- -->
                                </div><!--end #result -->                               
                           </div><!-- end #secondary_tab-1-->
                           
                           
                           <div class="secondary_tab secondary_tab-2" id="secondary_tab-2">                                                
                                <div id="result">
                                     <table class="conner3" >
                                        <tr id="row1">
                                             <th id="col1"><p>일자</p></th>
                                            <th id="col2"><p>내역</p></th>
                                            <th id="col3"><p>금액</p></th>
                                            <th id="col4"><p>구분</p></th>
                                            <th id="col5"><p>관련주문번호</p></th>
                                                       
                                        </tr><!--end row2 -->
                                        <tr id="row2">                                    
                                            <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row3">
                                            
                                           <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row4">
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                        <tr id="row5">                                            
                                          <td id="col1">2014-02-08 10:36:45</td>                                    
                                            <td>비머니결제</td>
                                            <td> 100</td>
                                            <td>100</td>
                                            <td id="col5">point</td>
                                        </tr><!--end row2 -->
                                    </table><!-- -->
                                </div><!--end #result -->
                               
                           </div><!-- end #secondary_tab-2-->
                     </div><!--end secondary_tabs -->
                   </div><!-- end #primary_tab-3--> 
                      
                 </div><!--end primary_tabs-->
                
                
                <div class="pagination">
                     <ul>
                        <li class="conner3" id="first"><a href="#">처음</a></li>
                        <li class="conner3"><a href="#">&lt;</a></li>
                        <li class="active conner3"><a href="#">1</a></li>
                        <li class="conner3"><a href="#">2</a></li>
                        <li class="conner3"><a href="#">3</a></li>
                        <li class="conner3"><a href="#">4</a></li>
                        <li class="conner3"><a href="#">5</a></li>
                        <li class="conner3"><a href="#">6</a></li>
                        <li class="conner3"><a href="#">7</a></li>
                        <li class="conner3"><a href="#">8</a></li>
                        <li class="conner3"><a href="#">9</a></li>
                        <li class="conner3"><a href="#">10</a></li>
                        <li class="conner3"><a href="#">&gt;</a></li>
                        <li class="conner3" id="last"><a href="#">끝</a></li>
                      </ul>
                </div><!-- end pagination -->
            </div><!--end #cancel -->
            <div id="tip">
            <p id="title"><img src="img/mypage/txt_tip.png" width="75" height="16" /></p>
            <ul>
                <li>- 보유하고 계신 포인트가 <span class="c666b">1,000point 이상일 경우, 금액에 상관없이 결제시에 현금처럼 사용 가능</span>합니다.</li>
                <li>- <span class="c666b">상품후기를 써주시면, 추가 포인트를 적립</span>해드리고 있습니다.</li>
                <li>- 적립 가능 포인트는 고객님께서, 아직 적립받지 않으신, 상품 구매 포인트입니다.</li>
                <li>- 이벤트 포인트는 이벤트를 통해 얻게된 포인트를 확인하실 수 있습니다.</li>
            </ul>
            </div><!--end #tip -->
            
           

        </div> <!-- end main-->   
    </div><!--end #right -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>